import React, { CSSProperties } from 'react';
import MDEditor from '@uiw/react-md-editor'

type MarkDownProps = {
  children: string,
  style?:CSSProperties
}

export default ({ children , style }: MarkDownProps) => {
  return (
    <div data-color-mode="light" style={style}>
      <MDEditor.Markdown
        style={{ padding : "0 0 20px 0"}}
        source={children}
        linkTarget="_blank"
      />
    </div>
  )
}